<template>
  <div class="zuo">
    <div class="about-page">
    <van-nav-bar title="关于" @click-left="goBack()" left-text="" left-arrow />
    <div class="logo-version">
      <van-icon name="cross" size="40" />
      <p>LOGO <span>v1.0.1</span></p>
    </div>
    <van-cell class="privacy" title="隐私协议" is-link show-arrow @click="goToPrivacy()" />
    <van-cell class="license" title="证照信息" is-link show-arrow @click="goToLicense()" />
  </div>
  </div>
</template>

  <script>
export default {
  data() {
    return {};
  },
  methods: {
    goBack(){
      this.$router.go(-1);
    },
    goToPrivacy() {
      // 这里可以添加跳转到隐私协议页面的逻辑
      this.$router.push({ path: "/privacy" })
    },
    goToLicense() {
      // 这里可以添加跳转到证照信息页面的逻辑
      this.$router.push({ path: "/license" })
    }
  },
  created() {},
};
</script>

<style scoped>
.zuo {
  text-align: left;
}
.about-page {
  padding: 10px;
}
.logo-version {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 30px  ;
}
.logo-version p {
  text-align: center;
}
.logo-version span {
  font-size: 12px;
  color: #888;
}
.privacy {
  margin-top: 100px;
  font-size: 20px;
}
.license{
  font-size: 20px;
}
</style>
